<template>
  <div>
    <el-table :data="datas" style="width: 100%" height="400">
      <el-table-column label="参团用户">
        <template slot-scope="scope">
          <span>{{ scope.row.user.phone }}</span>
        </template>
      </el-table-column>
      <el-table-column label="参团时间" prop="create_time" />
      <el-table-column label="参团订单号" prop="order_sub_no" />
      <el-table-column label="参团状态" prop="payment_staus">
        <template slot-scope="scope">
          <el-tag v-if="scope.row.status == 0">参团订单待支付</el-tag>
          <el-tag v-if="scope.row.status == 1" type="success">参团成功</el-tag>
          <el-tag v-else-if="scope.row.status == 2" type="danger">拼团失败，已退款</el-tag>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: {
    datas: {
      type: Array,
      default: _ => {
        return [];
      }
    }
  }
};
</script>

<style></style>
